<template>
  <div class="config" v-show="isDetails">
    <ComponentConfig v-if="selectComponent.key" />
    <PageConfig v-else />
  </div>
</template>
<script setup>
import store from "@/store"
import { computed } from "vue"
import PageConfig from "./pageConfig/index.vue"
import ComponentConfig from "./componentConfig/index.vue"
let selectComponent = computed(() => {
  return store.state.chartEditStore.selectedComponent || {}
})
const isDetails = computed(() => store.getters["chartLayoutStore/details"])
</script>
<style scoped lang="scss">
.config {
  width: 100%;
  height: 100%;
  // background: rgb(35, 35, 35);
}
</style>
